<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="../css/common/master.css" />
		<link rel="stylesheet" type="text/css" href="../css/visit/cs-select.css" />
		<link rel="stylesheet" type="text/css" href="../css/visit/visit.css" />
		<script type="text/javascript">
			window.onload=function(){
				
			    var wenzi = document.getElementById('text');
			    var div = document.getElementById('menu');
			    wenzi.onclick=function(){
		            if(div.style.display=='block'){ // == 判断div.display是否为显示
	                    div.style.display='none'; //= 赋值也可了解成改变
	                }
	                else{
	                    div.style.display='block';
	                }
		        }
			    var menua = document.getElementById('menua');
			    menua.onclick=function(){
			    	document.getElementById("file").click();
			    }
			};
		</script>
	</head>

	<body>
		<div class="fixed half" id="menu" style="display:none;">
			<div class="visit-pop border-radius4 width-80 text-center">
				<h3 class="padding-top padding-bottom bg-blue">温馨提示</h3>
				<ul class="blue">
					<li class="padding-top">信访内容已提交</li>
					<li class="padding-bottom">请等待反馈！</li>
					<li><a href="home.html" class="blue width-100">确定</a></li>
				</ul>
			</div>
		</div>
		<header class="text-center bg-blue">
			<a href="javascript:void(0);" class="pull-left" onClick="javascript:history.back()"></a>
			向检察官诉说
		</header>
		<div class="padding red box-shadow">温馨提示：每人每日可提交两次诉说，请核实清楚！</div>
		<div class="padding">
			<ul class="padding write">
				<li class="margin clear"><label class="pull-left">姓名：</label><input name="" class="pull-right" type="text" placeholder=""></li>
				<li class="margin clear"><label class="pull-left">社区名称：</label><input name="" class="pull-right" type="text" placeholder=""></li>
				<li class="margin clear"><label class="pull-left">手机号：</label><input name="" class="pull-right" type="text" placeholder=""></li>
				<li class="margin clear" style="position:relative;z-index:2;">
					<label class="pull-left">反馈类型：</label>
					<select class="cs-select">
						<option value="请选择">请选择</option>
						<option value="举报">举报</option>
						<option value="控告">控告</option>
						<option value="申诉">申诉</option>
						<option value="线索提供">线索提供</option>
						<option value="法律咨询">法律咨询</option>
						<option value="民情反映">民情反映</option>
					</select>
				</li>
				<li class="margin clear"><label class="pull-left">描述：</label><textarea class="pull-left padding" rows="3" placeholder="预约事由描述...."></textarea></li>
				<li class="margin clear">
					<label class="pull-left">上传照片：</label>
					<div class="pull-left write-img">
						<div class="width-30">
							<img src="../images/write-img01.png" id="menua" class="img-responsive">
							<input type="file" style="display: none;" id="file">
						</div>
					</div>
				</li>
				<!--<li class="margin clear">
					<label class="pull-left">上传视频：</label>
					<div class="pull-left write-img">
						<a href="" class="width-30"><img src="../images/write-img02.png" class="img-responsive"></a>
					</div>
				</li>
				<li class="margin clear">
					<label class="pull-left">上传照片：</label>
					<div class="pull-left write-img">
						<a href="" class="width-30 pull-left"><img src="../images/write-img01.png" class="img-responsive"></a>
						<a href="" class="width-30 pull-left"><img src="../images/write-img01.png" class="img-responsive"></a>
						<a href="" class="width-30 pull-left"><img src="../images/write-img01.png" class="img-responsive"></a>
					</div>
				</li>-->
				<!--<li class="margin clear">
					<label class="pull-left">上传视频：</label>
					<div class="pull-left write-img">
						<video src="../video/movie.ogg" class="width-100" controls="controls">
						您的浏览器不支持video播放器！
						</video>
					</div>
				</li>-->
				<li class="margin seat blue"><img src="../images/seat.png">地点：南京市浦口区绿林街1218号</li>
				<li class="text-center"><button class="width-100 border-radius4 bg-blue" id="text">提交</button></li>
			</ul>
		</div>
	</body>
	<script src="../js/classie.js"></script>
	<script src="../js/selectFx.js"></script>
	<script>
		(function() {
			[].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) {	
				new SelectFx(el);
			} );
		})();
	</script>
</html>